doctype html
html
  head
    meta(content='IE=edge', http-equiv='X-UA-Compatible')
    meta(charset='utf-8')
    meta(content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no', name='viewport')
    link(href='#', rel='icon', type='image/x-icon')
    include ./common/metas.pug
    // Use title if it's in the page YAML frontmatter
    title= title
    link(href='https://fonts.googleapis.com/css?family=Montserrat:500,600|Open+Sans', rel='stylesheet', type='text/css')
    link(rel='stylesheet', href='css/index.css')
    link(rel='stylesheet', href='https://yandex.st/highlightjs/8.0/styles/github.min.css')
    // Google Tag Manager
    noscript
      iframe(src='//www.googletagmanager.com/ns.html?id=GTM-N8JP8G', height='0', width='0', style='display:none;visibility:hidden')
    script.
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-N8JP8G');
  body(class=page_classes)
    include ./common/header.pug
    section.hero-section.shrink
      .container
        .hero-container
          .fl-right
            img(src='images/al-helper-logo.svg')
          .fl-left
            a(href='https://www.algolia.com/?utm_medium=social-owned&utm_source=algoliasearch-helper%20website&utm_campaign=homepage', title='Algolia built this')
              span#icon-algolia.icon.icon-algolia-small.no-mobile
            h1= title
    section.documentation-section
      .container
        nav.sidebar
          ul
            each item in headings 
              li(class='level-' + item.tag)
                a(href='#' + item.id)= item.text
        .documentation-container
          | !{contents}
    include ./common/footer.pug
